﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Start work</title>
        <meta http-equiv="content-type" content="text/javascript;charset=UTF-8" />
        <link type="text/css" rel="stylesheet" href="css/grid.css"/>
        <link type="text/css" rel="stylesheet" href="css/frontend.styles.css"/>
    </head>
    <body>
        <div class="head">
            <div class="first">
                <div class="h-36 p-b-4 gcontain l-50-pc reprefix-12">
                    <div id="hotline" class="hotline p-t-8 p-b-8 p-l-32 l-h-20 grid_x p-r-8">
                        HOTLINE : <strong>0909 199 199 - (08) 6 2872 931</strong> 
                    </div>
                    <div id="auth" class="auth p-t-8 p-l-32 p-b-8 p-r-8 l-h-20 grid_x f-r">
                        <a href="">Đăng ký</a> | <a href="">Đăng nhập</a>
                    </div>
                </div>
            </div>
            <div class="second gcontain h-g-4 l-50-pc reprefix-12">
                <div id="logo" class="grid_8 h-g-4">
                    <a href="start_home.html">
                        <img src="images/logo.png" alt=""/>
                    </a>
                </div>
                <div id="nav" class="nav">
                    <ul>
                        <li><a class="active" href="start_home.html">TRANG CHỦ</a></li>
                        <li><a href="about.html">GIỚI THIỆU</a></li>
                        <li><a href="service.html">DỊCH VỤ</a></li>
                        <li><a href="project.html">DỰ ÁN</a></li>
                        <li><a href="contact.html">LIÊN LẠC</a></li>
                    </ul>
                </div>
            </div>
        </div>
<!--        <div id="slider" class="slider b-g-c-ccc p-r">
            <div class="gcontain h-g-10 l-50-pc reprefix-12 ">
                <img src='images/slider1.png' width="960" height="400" alt=""/>
            </div>
            <div class="nav t-a-c">
                <a class="active">1</a>
                <a>1</a>
                <a>1</a>
                <a>1</a>
            </div>
        </div>-->
<!--        <div id="banner" class="banner b-g-c-blue">

        </div>-->
        <div class="service-banner">
            <div class="gcontain l-50-pc reprefix-12 ">
                <div class="title">Service - What can we do for you?</div>
            </div>
        </div>
        <div class="main">
            <div class="gcontain l-50-pc reprefix-12">
                
                <div class="grid_12 p-t-40">
                    <div class="service p-r-20">
                        <a href="service_page.html">
                            <img width="460" height="200" src="images/services_01.png" alt=""/>
                            <div class="title">
                                EVENTS & MARKETING
                                <img class="p-a t-0 push_10" src="images/calendar_icon.png" alt=""/>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="grid_12 p-t-40">
                    <div class="service p-l-20">
                        <a href="service_page.html">
                            <img width="460" height="200" src="images/services_02.png" alt=""/>
                            <div class="title">
                                PRINTING
                                <img class="p-a t-0 push_10" src="images/print_icon.png" alt=""/>
                            </div>
                        </a>
                    </div>
                </div>
                
                <div class="grid_12 p-t-40">
                    <div class="service p-r-20">
                        <a href="service_page.html">
                            <img width="460" height="200" src="images/services_03.png" alt=""/>
                            <div class="title">
                                DESIGN
                                <img class="p-a t-0 push_10" src="images/paint_icon.png" alt=""/>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="grid_12 p-t-40">
                    <div class="service p-l-20">
                        <a href="service_page.html">
                            <img width="460" height="200" src="images/services_04.png" alt=""/>
                            <div class="title">
                                PRODUCTION
                                <img class="p-a t-0 push_10" src="images/camera_icon.png" alt=""/>
                            </div>
                        </a>
                    </div>
                </div>
                
            </div>
        </div>
        <div class="clear"></div>
        <div class="p-r">
            <div class="gcontain l-50-pc reprefix-12 ">
                <div class="foot-line"></div>
            </div>
        </div>
        <div class="clear"></div>
        <div id="banner" class="footer">

        </div>